<style>
	#manhz{
		width:546px;
		height:496px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		background-color: rgba(0, 0, 0, 0.84);
	}
	.items a{text-decoration:none;color:#fff;width:30%;padding:.5em 0;border-radius:1em;display:inline-block;transition:transform .3s}
	.items a i{font-size:3em}
	.items a i,#home .items a span{display:block;margin-top:1em}
	.items a:hover{transform:scale(1.1)}
	.items{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center}
	@media(max-width:768px){
	#manhz{
		width: 315px;
		height: 345px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	}
</style>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<div id="manhz">
	
    <div class="items">
        <a href="http://www.lxbkw.com" rel="noopener">
            <i class="fa fa-home"></i>
            <span>Blog</span>
        </a>
         <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2535080855&amp;site=qq&amp;menu=yes" target="_blank" rel="noopener">
            <i class="fa fa-qq"></i>
            <span>QQ</span>
        </a>
        <a href="https://github.com/manxiaomao" target="_blank" rel="noopener">
            <i class="fa fa-github"></i>
            <span>GitHub</span>
        </a>
        <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=2535080855@qq.com" target="_blank" rel="noopener">
            <i class="fa fa-envelope"></i>
            <span>E-Mail</span>
        </a>
        <a href="http://manxiaomao.lofter.com" target="_blank" rel="noopener">
            <i class="fa fa-envira"></i>
            <span>Lofter</span>
        </a>
        <a href="https://weibo.com/lingxiboke" target="_blank" rel="noopener">
            <i class="fa fa-weibo"></i>
            <span>Weibo</span>
        </a>
    </div>

	
</div>